/* pages/pointsMall/index.wxss */
page {
	background-color: #FF7733FF;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.userinfo-box {
	background-color: #fff;
	margin: 32rpx;
	border-radius: 12rpx;
	padding: 32rpx 24rpx;
	display: flex;
	align-items: center;

	.content {
		height: 96rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-left: 20rpx;
		font-size: 28rpx;

		.name {
			font-weight: bold;
			color: #202327FF;
		}

		.integral {
			color: #202327FF;

			.number {
				color: #FF7733FF;
			}
		}
	}
}

.ul-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 14rpx 24rpx;
	padding: 0 32rpx 32rpx;

	.li {
		background-color: #fff;
		border-radius: 12rpx;
		overflow: hidden;

		.content-box {
			padding: 12rpx 24rpx 24rpx;

			.title {
				height: 74rpx;
				width: 288rpx;
				font-size: 28rpx;
				color: #201D1DFF;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
			}

			.bottom-box {
				margin-top: 12rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			.price {
				font-size: 28rpx;
				color: #E92525FF;
			}

			.number {
				font-size: 24rpx;
				color: #202327B3;
			}

			.custom-btn {
				width: 148rpx;
				height: 48rpx;
				border-radius: 24rpx;
				font-size: 24rpx;
				padding: 0;
			}
		}
	}

}
.popupA{
	.popup {
		display: flex;
		padding: 40rpx 32rpx 60rpx;
	
		.content {
			display: flex;
			flex: 1;
			flex-direction: column;
			margin: 8rpx 20rpx;
			color: #FB2B2C;
			font-size: 36rpx;
			font-weight: bold;
	
			.popup_bottom {
				display: flex;
				justify-content: space-between;
				align-items: center;
				color: rgba(4, 4, 4, 0.60);
				font-size: 24rpx;
			}
		}
	
	}
	
	.ations {
		font-size: 24rpx;
		padding: 0 32rpx;
		width: 100%;
		box-sizing: border-box;
	
		.title {
			margin-bottom: 20rpx;
		}
	
		.btn_default {
			position: relative;
			height: 56rpx;
			width: 136rpx;
			border-radius: 12rpx;
			margin-right: 32rpx;
	
			.van-button__text {
				font-size: 22rpx;
				font-weight: normal;
			}
		}
	
		.active {
			//选中
			position: relative;
			height: 56rpx;
			width: 136rpx;
			border-radius: 12rpx;
			margin-right: 32rpx;
			background-color: rgba(255, 119, 51, 1);
	
			.van-button__text {
				font-size: 22rpx;
				font-weight: normal;
				color: #ffffff;
			}
		}
	
		
	}
	.Btn_bottm {
		position: absolute;
		bottom: 42rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		// background: red;
		.btn_right {
			width: 100%;
			height: 80rpx;
		}
	}
}
